import echarts from '@/echarts'

export const option1 = {
    title: [
        {
            text: '县总数',
            x: 'center',
            top: 0,
            color: '#FFFFFF',
            textStyle: {
                color: '#FFFFFF',
                fontSize: 16
            }
        },
        {
            text: 25,
            x: 'center',
            y: 'center',
            fontSize: 18,
            textStyle: {
                color: '#FFFFFF',
                fontFamily: 'DINAlternate-Bold, DINAlternate',
                foontWeight: '600'
            }
        }
    ],
    // backgroundColor: '#111',
    polar: {
        radius: ['42%', '52%'],
        center: ['50%', '50%']
    },
    angleAxis: {
        max: 100,
        show: false
    },
    radiusAxis: {
        type: 'category',
        show: true,
        axisLabel: {
            show: false
        },
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        }
    },
    series: [
        {
            name: '',
            type: 'bar',
            roundCap: true,
            barWidth: 30,
            showBackground: true,
            backgroundStyle: {
                color: 'rgba(66, 66, 66, .3)'
            },
            data: [100],
            coordinateSystem: 'polar',
            itemStyle: {
                color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                    {
                        offset: 0,
                        color: '#16CEB9'
                    },
                    {
                        offset: 1,
                        color: '#6648FF'
                    }
                ])
            }
        },
        {
            name: '',
            type: 'pie',
            startAngle: 80,
            radius: ['56%'],
            hoverAnimation: false,
            center: ['50%', '50%'],
            itemStyle: {
                color: 'rgba(66, 66, 66, .1)',
                borderWidth: 1,
                borderColor: '#5269EE'
            },
            data: [100]
        }
    ]
} as any

export const option2 = {
    title: [
        {
            text: '线下店铺数',
            x: 'center',
            top: 0,
            color: '#FFFFFF',
            textStyle: {
                color: '#FFFFFF',
                fontSize: 16
            }
        },
        {
            text: 25,
            x: 'center',
            y: 'center',
            fontSize: 18,
            textStyle: {
                color: '#FFFFFF',
                fontFamily: 'DINAlternate-Bold, DINAlternate',
                foontWeight: '600'
            }
        }
    ],
    // backgroundColor: '#111',
    polar: {
        radius: ['42%', '52%'],
        center: ['50%', '50%']
    },
    angleAxis: {
        max: 100,
        show: false
    },
    radiusAxis: {
        type: 'category',
        show: true,
        axisLabel: {
            show: false
        },
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        }
    },
    series: [
        {
            name: '',
            type: 'bar',
            roundCap: true,
            barWidth: 30,
            showBackground: true,
            backgroundStyle: {
                color: 'rgba(66, 66, 66, .3)'
            },
            data: [100],
            coordinateSystem: 'polar',
            itemStyle: {
                color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                    {
                        offset: 0,
                        color: '#16CEB9'
                    },
                    {
                        offset: 1,
                        color: '#6648FF'
                    }
                ])
            }
        },
        {
            name: '',
            type: 'pie',
            startAngle: 80,
            radius: ['56%'],
            hoverAnimation: false,
            center: ['50%', '50%'],
            itemStyle: {
                color: 'rgba(66, 66, 66, .1)',
                borderWidth: 1,
                borderColor: '#5269EE'
            },
            data: [100]
        }
    ]
} as any

export const option3 = {
    title: [
        {
            text: '线上店铺数',
            x: 'center',
            top: 0,
            textStyle: {
                color: '#FFFFFF',
                fontSize: 16
            },

            fontWeight: '100'
        },
        {
            text: 25,
            x: 'center',
            y: 'center',
            textStyle: {
                fontSize: 18,
                color: '#FFFFFF'
            },

            fontFamily: 'DINAlternate-Bold, DINAlternate',
            foontWeight: '600'
        }
    ],
    // backgroundColor: '#111',
    polar: {
        radius: ['42%', '52%'],
        center: ['50%', '50%']
    },
    angleAxis: {
        max: 100,
        show: false
    },
    radiusAxis: {
        type: 'category',
        show: true,
        axisLabel: {
            show: false
        },
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        }
    },
    series: [
        {
            name: '',
            type: 'bar',
            roundCap: true,
            barWidth: 30,
            showBackground: true,
            backgroundStyle: {
                color: 'rgba(66, 66, 66, .3)'
            },
            data: [100],
            coordinateSystem: 'polar',
            itemStyle: {
                color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                    {
                        offset: 0,
                        color: '#16CEB9'
                    },
                    {
                        offset: 1,
                        color: '#6648FF'
                    }
                ])
            }
        },
        {
            name: '',
            type: 'pie',
            startAngle: 80,
            radius: ['56%'],
            hoverAnimation: false,
            center: ['50%', '50%'],
            itemStyle: {
                color: 'rgba(66, 66, 66, .1)',
                borderWidth: 1,
                borderColor: '#5269EE'
            },
            data: [100]
        }
    ]
} as any
export default echarts
